import  React from 'react'

import { Carousel } from 'antd';
import 'antd/dist/antd.css';
import TextLoop from "react-text-loop";
import imgs from "../pic/favicon.ico"


export default function MainPage() {
    const contentStyle = {
  height: '160px',
  color: '#fff',
  lineHeight: '160px',
  textAlign: 'center',
  background: '#364d79',
};

   return <div>
<p>
                    <TextLoop interval={100}>
                    <span>First item</span>
                    <span>Third item</span>
                        <img src={imgs} alt="123124"/>
                </TextLoop>{"asjdlkf"}

</p>
                        <img src={imgs} alt="123124"/>

       <Carousel autoplay={true}>
    <div>
      <h3 style={contentStyle}>1</h3>
    </div>
    <div>
      <h3 style={contentStyle}>2</h3>
    </div>
    <div>
      <h3 style={contentStyle}>3</h3>
    </div>
    <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>
           <div>
      <h3 style={contentStyle}>4</h3>
    </div>

  </Carousel></div>




}